<template>
    <div>
        <center>
            <h1>BusChildBrotherLevel1</h1>
            <p>{{ title }}</p>
        </center>
    </div>
</template>

<script>
export default {
    data() {
        return {
            title: '非父子组件通讯原来的标题',
        };
    },
    beforeCreate() {
        this.$bus.$on('changeBusChildBrotherLevel1Title', (data) => {
            console.log(data);
            this.title = data;
        });
    },
    created() {
        console.log('created');
    },
    mounted() {
        console.log('mounted');
    },
};
</script>

<style></style>
